@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;  font-family: "Microsoft Yahei","HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif;}
body a{outline:none;text-decoration:none; color:#333;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{
	/* [disabled]padding: 0; */
	margin: 0;}
ul,li{ list-style:none;}
table{border-collapse: collapse;}
*{padding: 0;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.The_total{width:100%; }
.The_total1000{width:1100px; margin-left:auto; margin-right:auto;}
.clear{ clear:both;}
img{ display:block; border:none; margin:0 auto;}
a{cursor: pointer;}
The_total10{ width:1440px; margin:0 auto;}
/*顶部*/
.dh{ z-index:9999; background:#FFF; position:fixed; top:0;}
.dh img{ float:left; margin-top:20px;}
.menu{width:790px; float:right; height:100px; font-size:14px;margin:0 auto;font-family:微软雅黑;font-weight:bold;position:relative;}
.nav-act{
    width:90px;
    height:50px;
    transition:0.2s;
    z-index:1;
    position:absolute;
    background:#ec1c32;
	margin-top:24px;
	
}
#nav ul{
    top:0;
    left:0;
    z-index:9999;
    position:absolute;
}

#nav ul li{
    float:left;
    width:90px;
}
#nav ul li a{
    line-height:100px;
    color:#333;
    text-align:center;
    display:block;
}

#nav ul li a:hover{color:#fff; transition:0.6s;}
.tybt{ font-size:34px; color:#000; text-align:center; font-weight:normal; line-height:80px;}
/*二级页导航*/
.two_b{width:760px; float:right; height:100px;  margin-left:40px;font-size:14px;margin:0 auto;font-family:微软雅黑;font-weight:bold;position:relative;}
.two_b ul{ top:0;left:0; z-index:9999;position:absolute;}
.two_b ul li{float:left;width:90px;}
.two_b ul li a{ line-height:100px;color:#333; text-align:center;display:block;}
.two_b ul li a:hover{color:#ec1c32; transition:0.6s;}
.t_ban{ background:url(../images/small-ban.jpg) no-repeat center; height:180px;  padding-top:120px; margin-top:100px;}
.t_ban h2{ font-size:40px; color:#fff; text-align:center;font-weight:normal;}
.two_b .red{ color:#ec1c32;}
/*ban*/
.example{ margin-top:100px;}
.example ol{position:relative;width:80px;height: 20px;top:-30px;left:50%; margin-left:-40px;}
.example ol li{float:left;width:10px;height: 10px;margin: 5px;background: #fff;}
.example ol li.seleted{background: #d71209;}
.luara-{position:relative; left:50%; margin-left:-960px;padding:0;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit;}

/*内容*/
.what{margin-top:20px;}
.what > img{ margin:0 auto 20px;}
.what div{ width:220px; float:left;}
.what div img{ margin:10px auto;}
.what div h3{ font-size:18px; color:#000; text-align:center; line-height:20px;}
.what div p{ font-size:14px; color:#333; text-align:center; line-height:36px;}
/*-----------------------------------------------------------*/
/*网页*/
.cases_box{ background:#f6f6f6; padding:20px 0 30px; margin-top:40px;}
.cases_box h3{ font-size:20px; text-align:left; line-height:40px; color:#333; font-weight:normal; margin-top:10px;}
.cases_box h3 span{ font-size:14px; background:#d71209;}

.cases ul{ width:340px;  float:left; margin:16px 10px 0;}
.cases ul li{ height:270px; width:340px; overflow:hidden; -moz-box-shadow:2px 4px 8px #666; -webkit-box-shadow:2px 4px 8px #666; box-shadow:2px 4px 8px #666; }
.cases ul li:hover img{transform: scale(1.05); transition: all 0.6s;}
.cases ul > a{ font-size:16px; color:#333; text-align:center; display:block; margin:20px auto 10px;}
.cases ul > a:hover{ color:#d71209;}

/*-----------------------------------------------------------*/
/*平面*/
.cases_pm{ margin-top:20px;}
.cases_pm h3{ font-size:20px; text-align:left; line-height:40px; color:#333; font-weight:normal; margin-top:10px;}
.cases_pm h3 span{ font-size:14px; background:#d71209;}
.cases_pm ul{ width:340px;  float:left; margin:16px 10px 0;}
.cases_pm ul li{ height:518px; width:340px; overflow:hidden; -moz-box-shadow:2px 4px 8px #ccc; -webkit-box-shadow:2px 4px 8px #ccc; box-shadow:2px 4px 8px #ccc; }
.cases_pm ul li:hover img{transform: scale(1.05); transition: all 0.6s;}
.cases_pm ul > a{ font-size:16px; color:#333; text-align:center; display:block; margin:20px auto 10px;}
.cases_pm ul > a:hover{ color:#d71209;}


/*-----------------------------------------------------------*/
/*移动*/
.cases_yd{ margin-top:20px;}
.cases_yd h3{ font-size:20px; text-align:left; line-height:40px; color:#333; font-weight:normal; margin-top:10px;}
.cases_yd h3 span{ font-size:14px; background:#d71209;}
.cases_yd ul{ width:340px;  float:left; margin:16px 10px 0;}
.cases_yd ul li{ height:372px; width:340px; overflow:hidden; -moz-box-shadow:2px 4px 8px #ccc; -webkit-box-shadow:2px 4px 8px #ccc; box-shadow:2px 4px 8px #ccc; }
.cases_yd ul li:hover img{transform: scale(1.05); transition: all 0.6s;}
.cases_yd ul > a{ font-size:16px; color:#333; text-align:center; display:block; margin:20px auto 10px;}
.cases_yd ul > a:hover{ color:#d71209;}

/*-----------------------------------------------------------*/
/*社交媒体*/
.cases_mt{ margin-top:20px;}
.cases_mt h3{ font-size:20px; text-align:left; line-height:40px; color:#333; font-weight:normal; margin-top:10px;}
.cases_mt h3 span{ font-size:14px; background:#d71209;}
.cases_mt ul{ width:340px;  float:left; margin:16px 10px 0;}
.cases_mt ul li{ height:372px; width:340px; overflow:hidden; -moz-box-shadow:2px 4px 8px #ccc; -webkit-box-shadow:2px 4px 8px #ccc; box-shadow:2px 4px 8px #ccc; }
.cases_mt ul li:hover img{transform: scale(1.05); transition: all 0.6s;}
.cases_mt ul > a{ font-size:16px; color:#333; text-align:center; display:block; margin:20px auto 10px;}
.cases_mt ul > a:hover{ color:#d71209;}

/*---------共用底部-----------*/
/*联系我们*/
.lxw{ height:280px; background:url(../images/1lxbg.jpg) no-repeat center; padding:100px 0 20px; margin-top:30px;}
.lxw div > img{ float:left; margin-left:160px;}
.lxw div div{ float:left; margin-left:30px;}
.lxw div div img{ margin-left:0;}
.lxw p{ font-size:16px; color:#666; text-align:left; line-height:36px;}
/*底部信息*/
.dbxx{ margin:20PX 0;}
.dbxx img{ margin:10px auto;}
.dbxx p{color:#666; font-size:16px; font-family:"微软雅黑"; line-height:40px; text-align:center;}

/*------------------------------------------------*/
/*二级页pc*/
.t_pc{ margin-top:50px;}
.t_pc > img{ float:left; -moz-box-shadow:2px 4px 8px #ccc; -webkit-box-shadow:2px 4px 8px #ccc; box-shadow:2px 4px 8px #ccc;}
.t_pc div{ width:520px; margin-left:50px; float:left;}
.t_pc div img{ margin-left:0; margin-top:12px; margin-bottom:10px;}
.t_pc div h3{font-size:20px; text-align:left; line-height:40px; color:#333; font-weight:normal; margin-top:10px;}
.t_pc div h3 span{ font-size:14px; background:#d71209;}
.t_pc div p{ font-size:14px; color:#000; text-align:left; line-height:26px;}
.t_pc div a{ display:block; background:url(../images/2-pcbt.png) no-repeat center; width:211px; height:62px; line-height:40px; color:#fff; font-size:16px; text-align:center; margin-left:30px; margin-top:10px;}
.t_pc div a:hover{ opacity:0.8;}

/*二级页平面*/
.t_pm{}
.t_pm ul{ width:340px;  float:left; margin:16px 10px 0;}
.t_pm ul li{ height:518px; width:340px; overflow:hidden; -moz-box-shadow:2px 4px 8px #ccc; -webkit-box-shadow:2px 4px 8px #ccc; box-shadow:2px 4px 8px #ccc; }
.t_pm ul li:hover img{transform: scale(1.05); transition: all 0.6s;}
.t_pm ul > a{ font-size:16px; color:#333; text-align:center; display:block; margin:20px auto 10px;}
.t_pm ul > a:hover{ color:#d71209;}

/*二级页移动*/
.t_yd{ background:url(../images/2-yddbg.jpg) no-repeat top #fcf7f6; padding-top:60px; height:540px; margin-top:50px;}
.t_yd > img{ float:left; margin-left:56px; }
.t_yd div{ width:580px; margin-left:66px; float:left; position:relative; }
.t_yd div h2{font-size:20px; text-align:left; line-height:20px; color:#fff; margin-top:40px;font-weight:normal;}
.t_yd div h3{font-size:16px; text-align:left; line-height:30px; color:#fff; font-weight:normal; margin-top:10px;}
.t_yd div h4{width:300px; border-bottom:1px solid #fff; margin-top:10px;}

.t_yd div p{ font-size:14px; color:#fff; text-align:left; line-height:26px; margin-top:10px;}
.t_yd div a{ display:block; background:url(../images/2-pcbt.png) no-repeat center; position:absolute; left:60px; top:420px;width:211px; height:62px; line-height:40px; color:#fff; font-size:16px; text-align:center;}
.t_yd div a:hover{ opacity:0.8;}

/*代码*/
.t_ht{ margin-top:30px;}
.t_ht img{ float:left;}
.t_ht div{ float:left; width:400px; margin-left:80px; margin-top:100px;}
.t_ht div h3{ font-size:18px; color:#000; text-align:left;}
.t_ht div a{ font-size:16px; color:#333; text-align:left;}
.t_ht div a:hover{ color:#d71209;}

/*社交媒体*/
.t_sjmt{ margin-top:20px;}
.t_sjmt img{ margin:20px auto;}

/*关于自己*/
.dbk{ border-bottom:1px dashed #ccc; margin-top:30px; padding-bottom:20px;}
.dbk p{ font-size:16px; color:#333; line-height:34px; text-align:left;}
.dbk p span{ background:#db1a16;}
.dbk h3{ font-size:18px; color:#333; line-height:34px; text-align:left;}
.dbk h4{ font-size:16px; color:#db1a16; line-height:34px; text-align:left; font-weight:normal;}
.jl_ty{ height:46px; width:194px; font-size:24px; color:#fff; text-align:center; margin-bottom:14px; line-height:46px; background:#db1a16; font-weight:normal;}

.t_me1{ margin-top:40px;}
.t_me1 > img{ float:left;}
.t_me1 div{ width:320px; float:left; margin-top:90px; margin-left:20px; }
.t_me1 div h2{ font-size:20px; color:#333; line-height:30px; font-weight:normal;}
.t_me1 div h2 span{ font-size:16px;color:#F00;}
.t_me1 div p{ font-size:16px; color:#333;}
.t_me1 dl{ width:480px; float:left;  margin-left:10px; }
.t_me1 dl img{ float:left; margin-top:16px;}
.t_me1 dl p{ font-size:16px; color:#333; text-align:left; line-height:50px; float:left; margin-left:10px;}

.t_me2{ }
.t_me5 img{ margin-left:0;}
.t_me6 a{ height:47px; width:135px; background:url(../images/2-jlzh.png) no-repeat center; float:left; margin-right:20px; font-size:18px; color:#333; line-height:47px; text-align:center;}










